<script>

export default {
  name: 'XtxHello',
  render () {
    // jsx语法,跟我们正常写dom很像
    // createVNode('div', {}, 123)  =>  <div>123</div>

    // 注意点:
    // 1. 每个jsx必须有且仅有一个根节点
    // 2. 在return 的时候如果想换行,需要用()包起来

    // jsx中要写js  需要用{} 包起来
    const isLoading = false
    const obj = {
      name: 'zs',
      age: 18,
      desc: ['抽烟', '喝酒', '敲代码']
    }
    const clickFn = function () {
      alert('哈哈')
    }
    if (isLoading) {
      return <h1>loading</h1>
    } else {
      return (
      <div>
        <p>{obj.name}</p>
        <p>{obj.age}</p>
        <p>{obj.desc}</p>
        <button onClick={clickFn}>按钮</button>
      </div>
      )
    }
  }
}
</script>

<style>

</style>
